<template>
<!-- 头像 -->
<view> 
	

	<u-cell-group>
		<!-- <view class="boundary03"></view>
		<view class="head-box" style="height: 99rpx;">
				<text>头像</text>
				<u-icon name="arrow-right" color="#909399" style=""></u-icon>
				<image class="head-portrait " 
				src="../../static/logo.png"></image>
			
		</view> -->
		<!-- <u-cell title="头像" :arrow="false" @tap="chooseAvatar">
	        <view class="right-icon" slot="right-icon"> -->
	          <!-- 剪裁头像 -->
	      <!--    <image class="avatar" 
			  :src="userInfo.avatar" 
			  mode="aspectFill"></image>
	          <u-icon name="camera" class="camera"></u-icon>
	        </view>
	      </u-cell> -->
		  <u-cell title="头像"
		  isLink="true"
		  >
		  <view class="right-icon" slot="right-icon"
			
		  >
			  <image style="width: 50rpx;border-radius: 50%;" 
			   mode="widthFix"
			 src="../../static/logo.png"
			@click="previewImg"></image>
		  </view>
		  </u-cell>

		<u-cell title="昵称" 
			:isLink="true"
			arrow-direction="right"
			value="张小明"></u-cell>
		<view class="boundary"></view>
			<u-cell title="ID" 
			:isLink="false" 
			value="1234567"></u-cell>
			<u-cell  title="性别" 
			:isLink="true"
			arrow-direction="right"
			value="保密"></u-cell>
			<u-cell
			title="微信号"
			value="abc123456"
		:isLink="true"
			rightIcon="edit-pen-fill"></u-cell>
		<!-- 	<view class="wechat" style="height: 99rpx;">
			
				<text style="margin-left: 32rpx;">微信号</text>
				<u-icon name="edit-pen-fill"></u-icon>
				<text style="float: right; 
					color: #606266;
				">abc123456</text>
				</view> -->
			<!-- <view class="boundary03"></view> -->
			
	</u-cell-group>
<!-- 头像弹窗 -->
	<!-- <u-action-sheet :list="lists" v-model="chooseAvaters" @click="editAvater"></u-action-sheet> -->
</view>
		
		<!-- 	<u-cell title="头像" 
			:isLink="true" 
			arrow-direction="right"
			>
			<image class="head-portrait " src="../../static/logo.png"
			style="width: 127rpx;
			height: 127rpx;
			border-radius:100%;
			margin-left: 31rpx;
			margin-top:44rpx;
			"
			
			 @click="navigate('person')"></image>
			</u-cell> -->
	
	
	 
</template>

<script>
	export default {
		
		data() {
			return {
				imgArr:[]
				// chooseAvaters: false, // 操作菜单的显示隐藏
				// 	  lists: [  // 操作菜单的列表内容
				// 	    {
				// 	      text: '更换头像',
				// 	      color: '',
				// 	      fontSize: 28,
				// 	    },
				// 	    {
				// 	      text: '查看大图',
				// 	      color: '',
				// 	      fontSize: 28,
				// 	    }
				// 	  ],
			}
		},
		onLoad() {

		},
		methods: {
			previewImg(current){
				console.log(current)
				uni.previewImage({
					current,
					urls:this.imgArr
				})
			}
		 // chooseAvater() {
			// 	  this.chooseAvaters = true
			//   },
			//   editAvater(index) {
			// 	  if (index === 0) {
			// 		  this.chooseImage()
			// 	  } else {
			// 		  this.previewImage()
			// 	  }
			//   },
			//    chooseImage (){
			//   	     uni.chooseImage({
			//   	        count:1,//限制图片上传数量，封顶9张
			//   	        success:(res)=>{//拿到图片的返回数据
			//   	        this.imgArr = res.tempFilePaths
			//   	        }
			//   	    })
			//   	},
			// 	previewImage(){
			// 		uni.previewImage({
			// 		urls: [this.imgArr[0]],//拿头像地址
			// 	})
			// },




		}
	}
</script>

<style  lang="scss">
// page{background-color:#f1f2f8;}
.boundary{
		width: 750rpx;
		height: 20rpx;
		background-color: #f1f2f8;
	}
	.boundary03{
		width: 750rpx;
		height: 3rpx; 
		background-color: #f1f1f1;
	}
	.head-box{
		.u-icon--right.data-v-6e20bb40 {
		    float: right;
			margin-right: 30rpx;
			margin-top: 35rpx;
			;
		}
		text{
			font-size: 15px;
			margin-left: 32rpx;
			line-height: 99rpx;
		}
		image{
			width: 55rpx;
			height: 55rpx;
			border-radius:100%;
			float:right;
			margin-top: 23rpx;
		}
	}
	.wechat{
		.u-icon--right.data-v-6e20bb40 {
		    float: right;
			margin-right: 30rpx;
			margin-top: 35rpx;
		}
		text{
			font-size: 15px;
			line-height: 99rpx;
		}
	}
	
</style>
